<div id="index" class="flex-container">
    <div ng-repeat="item in show" ng-click="click($index)" ng-class="{ active: $index == itemIndex}"
        class="card card-small">
        <a ng-if="item.link" href="{{item.link}}">
            <div class="img-holder">
                <img class="card-img-top" ng-src="{{item.src}}">
            </div>
            <div class="card-body">
                <span>{{item.name | translate}}</span>
            </div>
        </a>
        <a ng-if="item.action == 'reset_usb'" href="javascript:void(0);" onmouseup="reset_usb()">
            <div class="img-holder">
                <img class="card-img-top" ng-src="{{item.src}}">
            </div>
            <div class="card-body">
                <span>{{item.name | translate}}</span>
            </div>
        </a>
        <a ng-if="item.action == 'calibrate'" href="javascript:void(0);" onmouseup="calibrate()">
            <div class="img-holder">
                <img class="card-img-top" ng-src="{{item.src}}">
            </div>
            <div class="card-body">
                <span>{{item.name | translate}}</span>
            </div>
        </a>
        <!-- onmouseup 响应点击事件 -->
        <a ng-if="item.action == 'stop_fan'" href="javascript:void(0);" onmouseup="stop_fan()">
            <div class="img-holder">
                <img class="card-img-top" ng-src="{{item.src}}">
            </div>
            <div class="card-body">
                <span>{{item.name | translate}}</span>
            </div>
        </a>
        <a ng-if="item.action == 'start_fan'" href="javascript:void(0);" onmouseup="start_fan()">
            <div class="img-holder">
                <img class="card-img-top" ng-src="{{item.src}}">
            </div>
            <div class="card-body">
                <span>{{item.name | translate}}</span>
            </div>
        </a>
    </div>
</div>